<template>
  <div class="dashboard-container" style="height: calc(100vh - 250px)">
   
      <!-- <el-col :md="{ span: 12 }" :lg="{ span: 12}" style="margin-right:20px;">
          <to-do  :title="'拓展情况'"/>
      </el-col>
      <el-col :md="{ span: 11 }" :lg="{ span: 11}" style="margin-right:20px;">
          <BarChart  :title="'排行榜'"/>
      </el-col> -->
      <div class="sn-flex sn-row-center" style="height: 100%;">

        <div style="width: 500px;">
          <img src="https://cdn.shan-niang.net/jdl_defaults/1b624200221e49798fd0cd1477bfc1b1.png" alt="" style="width: 300px;display: block;margin: 0 auto;">
          <h1 style="text-align:center;margin-top:20px;">Welcome To "中浦耐杯管理系统" ！</h1>
        </div>
      </div>
      
  </div>
</template>

<script>
import { mapGetters } from "vuex";
// import Chart from '@/components/Charts/MixChart'
import BarChart from './components/BarChart'
import ToDo from './components/ToDo'
import LineChart from './components/LineChart'
import DealerList from './components/DealerList'

const lineChartData = {
  newVisitis: {
    expectedData: [100, 120, 161, 134, 105, 160, 165],
    actualData: [120, 82, 91, 154, 162, 140, 145]
  },
  messages: {
    expectedData: [200, 192, 120, 144, 160, 130, 140],
    actualData: [180, 160, 151, 106, 145, 150, 130]
  },
  purchases: {
    expectedData: [80, 100, 121, 104, 105, 90, 100],
    actualData: [120, 90, 100, 138, 142, 130, 130]
  },
  shoppings: {
    expectedData: [130, 140, 141, 142, 145, 150, 160],
    actualData: [120, 82, 91, 154, 162, 140, 130]
  }
}

export default {
  name: "Home",
 components: { 
   BarChart,
   ToDo,
   LineChart,
   DealerList
 },
created(){
},
 computed: {
    ...mapGetters(["name"]),
  },
  data() {
    return {
     
      cardHeight:'250px',
      marginRt:'20px',
      title:'出库量走势图',
      lineChartData: lineChartData.newVisitis,
      lineChartDataTwo:lineChartData.messages
    }
  },
  methods: {
  }
 
};


  
</script>

<style lang="scss" scoped>
.box-card::v-deep .el-card__header{
  background: #ffdab9;
} 
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
.box-card{
  height: 350px;
  margin-bottom: 20px;
}

</style>
